$(function () {
    // 1.拿到 搜索页面传递过来的关键字的值
    var url = window.location.href;
    // console.log(url);
    var index = url.indexOf('？'); //输出“？”在字符串中的索引
    // console.log(index);

    var len = url.substring(index + 1); //取index+1后面的字符 包括index+1这一项
    // console.log(len);

    var arr = len.split('='); //根据 "=" 把字符串切成数组
    console.log(arr);
    console.log(arr[1]);

    var pages = 1;
    var pageSizes = 2;
    var keys = arr[1];
    var htmls = '';
    var priceNum = 1;  //价格
    var that = null;
    var lengNum = 1;   //销量

    // 1.找到加载的区域或者叫容器 
    // 2.mui.init 会默认执行一次 第二次的时候pages 需要++
    // 3.记载完毕后 是否还有更多数据的时候 this 的指向 
    // 4.htmls += template('tmp'，res); 
    // 5.判断 if(res.data.length>0) 


    mui.init({
        pullRefresh: {
            container: refreshContainer,//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
                height: 90,//可选.默认50.触发上拉加载拖动距离
                auto: true,//可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });

    // 1.价格排序 默认情况
    // 2.给按钮绑定点击事件
    // 3.把之前的商品清空，然后排序好的所有商品进行重新展示  点击后把所有的商品进行价格排序

    $('#priceSort').on('tap', function () {
        priceNum = priceNum == 1 ? 2 : 1;
        // if (priceNum == 1) { //1是升序
        //     priceNum = 2;    //2是降序
        // } else {
        //     priceNum = 1;
        // }
        lengNum = '';

        htmls = '';    //清空htmls

        $('#ulBox').html('');  //清空内容

        pages = 1;    //pages 也需要重置 从第一页开始
        getData();
        mui('#refreshContainer').pullRefresh().refresh(true);
    })



    function getData() {
        that = this;

        $.ajax({
            url: '/product/queryProduct',
            type: 'get',
            data: {
                page: pages++,
                pageSize: pageSizes,
                key: keys,
                num: lengNum,
                price: priceNum,
            },
            success: function (res) {
                console.log(res);

                if (res.data.length > 0) {
                    htmls += template('tmp', res)
                    // console.log(htmls);
                    $('#ulBox').html(htmls);
                    that.endPullupToRefresh(false);
                } else {
                    that.endPullupToRefresh(true);
                }


            }

        });
    };

    $('#lengNum').on('tap', function () {
        priceNum = priceNum == 1 ? 2 : 1;
  
        htmls = '';    //清空htmls

        $('#ulBox').html('');  //清空内容

        pages = 1;    //pages 也需要重置 从第一页开始
        getData();
        mui('#refreshContainer').pullRefresh().refresh(true);
    })






})